<template>
  <div class="empty-container">
    <img
      src="./empty.png"
      width="60"
      alt=""
    >

    <div class="text">
      <slot>No Data</slot>
    </div>
  </div>
</template>

<script>
import { themeColor } from '@/styles/export.scss';

export default {
  data() {
    return {
      themeColor
    };
  }
};
</script>

<style lang="scss" scoped>
.empty-container {
  text-align: center;
  padding-top: $padding-lg;
  padding-bottom: 100px;
  .text {
    color: $gray-11;
  }
}
</style>
